<template>
  <div class="container">
    <!-- 卡片区域 -->
    <el-card class="box-card">
      <!-- 搜索功能 -->
      <div class="container-search">
        <span>目录名称</span>
        <el-input v-model="input"></el-input>
      </div>
      <!-- 状态-->
      <span>状态</span>
      <el-select v-model="value" placeholder="请选择">
        <el-option
          v-for="item in options"
          :key="item.value"
          :label="item.label"
          :value="item.value"
        >
        </el-option>
      </el-select>
      <!-- 状态-->

      <!-- 搜索功能 -->
    </el-card>
    <!-- 卡片区域 -->
  </div>
</template>

<script>
export default {}
</script>

<style scoped lang="less">
.el-input {

    position: relative;

    font-size: 14px;

    display: inline-block;

    width: 100%;

}

作者：夜行侠和你
链接：https://www.jianshu.com/p/a91c899e8745
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
</style>
